var dialog_opened;

$(document).ready(function(){

	$("#grs .dialog_form").dialog({
        autoOpen: false, 
        modal: true,
        buttons: { 
        	"Ok": function(){send_form_data();},
            "Cancel": function() { $(this).dialog("close"); } 
        }, 
        
        open: function(event, ui) {
            dialog_opened = $(this);
        },
        
    }); 	
});

function send_form_data(){
	var result = $(dialog_opened.children()[0]); //el primer elemento es el div donde se muestran los resultados
	var form = $("#" + dialog_opened.children()[1].id);	// el segundo elementos es el formulario
	
	//clear result div
	result.html('');
	result.hide();

	$.post(form.attr('action'), {
		_grs_post_data_: $(form).serialize()
	}, function(data){
		result.html(data);
		result.fadeIn(1000);
		
		//auto hide result box
		//setTimeout($(result).fadeOut(1000), 10000);	
	});		
}
